.top{
	/* 默认宽度100% */
	height: 40px;
	color:;
	min-width: 1200px;/* 重要 不能忘记最小宽度 */
	border-bottom: 2px rgb(13,51,130) solid ;
}

/* 版心部分 只有宽度和居中 */
.section{
	width: 1200px;
	/* 板块居中 */
	margin-left: auto;
	margin-right: auto;
}
/* 顶部 */
.top ul{
	display: flex;
	justify-content: flex-end;
	line-height: 40px;
	font-size: 15px;
}
.top ul li{
	margin-left: 20px;
}

.top ul a:hover{
	color: #0086B3;
}
.top ul a .iconfont{
	color:  #0086B3;
}
.top .section{
	height: 20px;
}
/* 顶部 end */

/* 导航 */
.pagheader{
	min-width: 1200px;
	height: 100px;
	display: flex;
	align-items: center; /*内容的垂直居中 */
	justify-content: center; /* 水平居中 */
	/* background-color: #708090; */
}
.logo{
	/* width: 172px;
	height: 48px; 
	 overflow: hidden; */
	margin-top: -12px;
	margin-right: 50px;
}
.pagheaderul{
	font-size: 24px;
	display: flex;
	
}
.pagheaderul>li>a{
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 17px;
	padding-right: 17px;
	color: #333333;
	
	font-weight: 550;
	transition: all 0.2s;
	position: relative; /* 相对定位 为了约束绝对定位的伪标签*/
}
.pagheaderul>li>a span
{
	font-size: 18px;
}

/* 伪标签（装载标签） */
.pagheaderul>li>a::before{
	content: "";
	display: block;
	left:0;
	width: 27px;
	height: 26px;
	background:url(../img/cilur_1.png) no-repeat ;
	position: absolute; /* 绝对定位 */
	opacity: 0;
	transition: all 0.2s;
}
.pagheaderul>li>a::after{
	content: "";
	display: block;
	width: 27px;
	height: 29px;
	background: url(../img/cilur.png) no-repeat;
	right: 0;
	bottom: 0;
	position: absolute; /* 绝对定位 */
	opacity: 0; /* 隐藏*/
	transition: all 0.2s;
}

.pagheaderul>li>a:hover{
	color: rgb(2,51,130);
	transition: all 0.2s;
}

.pagheaderul>li>a:hover::before,
.pagheaderul>li>a:hover::after{
	opacity: 1;
	transition: all 0.2s;
}
/* 二级导航 */
.pagheaderul2
{
	background-color: #b2ccef;
	position: absolute;
	opacity: 0;
	
}
.pagheaderul2 li
{
	/* display: block;
	width: 100px;
	height: 36px; */
}
.pagheaderul2 li a::before
{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	background-color: rgb(2,51,130);
	z-index: -1;
	transform: scale(0);/* 缩小为隐藏状态 */
	transition: transform 0.5s ease-in-out;
}
.pagheaderul2 li a
{
	display: block;
	font-size: 16px;
	font-weight: lighter;/* 细体字 */
	position: relative;
	z-index: 21;
	width: 100px;
	height: 45px;
	text-align: center;
	line-height: 45px;
}
.pagheaderul2 li:hover a
{
	color: #8B8A8A;
}
.pagheaderul2 li a:hover::before,
.pagheaderul2 li a:focus::before
{
	transform: scale(1);
}
.pagheaderul li:hover .pagheaderul2
{
	opacity: 1;
	z-index: 30;
}
/* 二级导航 end */
.headerSearch{
	border: 2px #666 solid;
	border-radius: 10PX;
	width: 165px;
	height: 25px;
}
.headerSearch input{
	width: 120px;
	height: 23px;
	border-radius: 5PX 0 0 5PX;
	float: left;
}
.headerSearch botton{
	width: 41px;
	height: 25px;
	line-height: 25px;
	border-radius:0 6PX 6PX 0;
	float: right;
	background:rgb(2,51,130);
	cursor: pointer;/* 光标为一只手 */
}
.headerSearch botton .iconfont{
	font-size: 20px;
	color: #0077aa;
}
.headerSearch botton
{
	background: #ffffff;
}
.headerSearch botton:hover{
	background: #0077AA ;
}
.headerSearch botton:hover .iconfont{
	color: #ffffff; 
}

/* 响应式 */
/* 小小的响应式：屏幕宽度小于等于1290 */
/* 只写变化的样式 不变的不写*/
@media screen and (max-width:1290px) {
	.pagheaderul>li>a{
		font-size: 16px;
	}
	.logo{
		margin-right: 40px;
	}
}

/* 响应式 end */

/* banner */
.banner{
	/* 默认宽度100% */
	height: 460px;
	min-width: 1200px;/* 版心宽度1200 */
	/* background: #222222; */
	position: relative; /* 相对定位:约束绝对定位的标签 */
	overflow: hidden;
}
.bannerUl>li{
	height: 460px;
	width: 100%;
	position: absolute; /* 绝对定位 */
	transition: all 0.5s;
	opacity: 0;
}

.bannerUl>li a{
	display: block;
	height: 460px;
	width: 100%;
	position: absolute;/* 绝对定位 */
}

.bannerUl>li.show{
	z-index: 10;
	opacity: 1;
}
.bannerControl{
	position: absolute; /* 绝对定位 */
	bottom: 40px;
	left: 0;
	right: 0;
	width: 100%;
	height: 20px;
	z-index: 11;
	display: flex;
	justify-content: center;
	cursor: pointer; /* 添加手势*/
}

.bannerControl span{
	display: inline-block;
	width: 120px;
	height: 6px;
	background-color:#bb8f5b;
	margin-left: 20px;
}
.bannerControl span.on{
	background-color: #d1bc99;
}

/* .bannerText{
	position: absolute;
	width: 200px;
	height: 200px;
	bottom: 0;
	left: 50%;
	margin-left: -300px;
	opacity: 0;
	transition: all 0.5s;
}*/
.bannerImg{
	position: absolute;
	width: 510px;
	height: 172.5px;
	/* right: 50%; */
	margin-left: 50px;
	bottom: 200px;
	opacity: 0;
	transition: all 1s;
}
@keyframes fadeInBig{
    from{opacity: 0;transform: scale(2.5);}
    to{opacity: 1;transform: scale(1);}
}
.image1{
	width: REM(164);
	height: REM(114);
	position: absolute;
	bottom: REM(194);
	opacity: 0;
	animation: fadeInBig 0.5s 1s linear forwards;
	-webkit-animation: fadeInBig 0.5s 1s linear forwards;
}

.bannerUl>li.show .bannerImg
{
	opacity: 1;
	z-index: 30;
}
/* banner end */

/* 统一板块间距 */
/* 公司简介 */
.aboutus
{
	margin-top: 30px;
	width: 1200px;
	height: 850px;
}

.aboutus1
{
	width: 1200px;/* 容器必须设置宽高 */
	height: 250px;
	overflow: hidden;
	display: inline-block;
	background: url(../img/aboutus2.jpg) no-repeat;
	/* 设置图片显示宽高 */
	background-size: cover;
	background-position: bottom; /* background-position 属性设置背景图像的起始位置。*/
}
.aboutus2
{
	width: 1200px;/* 容器必须设置宽高 */
	height: 250px;
	overflow: hidden;
	display: inline-block;
	background: url(../img/aboutus1.jpg) no-repeat;
	/* 设置图片显示宽高 */
	background-size: cover;
	background-position: center; /* background-position 属性设置背景图像的起始位置。*/
	position: relative;
	bottom: 30PX;
}
.text_1
{
	width: 1200px;
	height: 120px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: justify;/* 两端对齐 */
	font-weight: lighter;/* 细体字 */
	line-height: 26px;
	border-radius: 20px 5px;
}
.text_2
{
	width: 1200px;
	height: 120px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: justify;/* 两端对齐 */
	font-weight: lighter;/* 细体字 */
	line-height: 26px;
	border-radius: 20px 5px;
}
.text_1 p
{
	width: 980px;
	height: 100px;
	color: #333333;
	margin: 0 auto;
}
.text_2 p
{
	width: 980px;
	height: 50px;
	color: #333333;
	margin: 0 auto;
	margin-bottom: 20px;
}
.text_1 h2,
.text_2 h2
{
	display: inline-block;
	font-size: 20px;
	color: #2d5886;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 600px;
}
.Company_con1
{
	font-size: 16px;
}

.text2
{
	font-size: 50px;
	color: #F5F2F0;
	font-weight: bold;
	z-index: 2;
	right: 50px;
	top: 85px;
	position: absolute;
}
/* 公司简介 end */

/* 公司业态 */

.new
{
	width: 1200px;
	height: 350px;
	margin: 0 auto;
	text-align: center;
	margin-top: 30px;
}

.titleSmall
{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.sectionTitle_small1
{
	
	height: 25px;
	width: 550px;
	display: inline-block;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px #3f7cbd solid;
	position: relative;
	margin-bottom: 5px;
}
.sectionTitle_small1 .small1
{
	width: 200px;
	height: 25px;
	display: block;
	display: flex;
	justify-content: left;
	align-items: baseline; /* 两个子容器中文本的基线对齐 */
	margin-bottom: 10px;
}

.sectionTitle_small1 h2 span
{
	font-size: 20px;
	color: #0077AA;
	font-weight: lighter;
}
.sectionTitle_small1 h2 em
{
	font-size: 12px;
	color: #b0b0b0;
	text-transform: uppercase;/* 全部字母大写 */
	font-style: initial; /* 斜体*/
	margin-left: 15px;
	
}
.sectionTitle_small1 a
{
	display: block;
	width: 80px;
	height: 25px;
	line-height: 25px;
}

.sectionTitle_small1 a:hover span
{
	color: #0086B3;
	transition: all 0.5s;
}
.sectionTitle_small1 span
{
	font-size: 12px;
}

/* 伪标签 （保证两个部分的文字对齐）*/
.small1::before
{
	content: "";
	width: 220px;
	height: 10px;
	background: #0086B3;
	position: absolute;
	margin-top: 26px;
	transition: all 0.5s;
}
.sectionTitle_small1:hover .small1::before
{
	width: 550px;
	height: 8px;
	background: #00b0eb;
	transition: all 0.6s;
}
/* 内容 */
.content_work
{
	display: flex;/* 要对齐的板块部分 的父节点display:flex */
	justify-content:space-between ;/* 两端对齐 */
}
.Company_work
{
	width: 550px;
	height: 250px;
	/* background-color: #0086B3; */
}

.NewList>li
{
	display: flex;
	justify-content: space-between;
	border-bottom: 2px #CCCCCC dashed;
	text-align: justify;
	color: #000000;
	font-weight: lighter;
	line-height: 50px;
	font-size: 16px;
}

.NewList>li a
{
	width: 380px;
	height: 50px;
	transition: all 0.5s;
	/* 超出隐藏 并出现省略号 三个样式，缺一不可*/
	overflow: hidden;
	text-overflow: ellipsis; /* 省略号*/
	white-space: nowrap; /* 让文字不换行（no wrap）*/

}
.NewList>li:hover,
.NewList>li a:hover
{
	transition: all 0.5s;
	color:#306090;
}
/* 公司动态 end */

/* 新闻中心 */
.Company_new
{
	width: 550px;
	height: 300px;
}
ol li
{
	width: 550px;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	margin-bottom: 3px;
	display: flex;
	justify-content: space-between;
}

ol>li a .company_new
{
	display: inline-block;
	width: 28px;
	height: 28px;
	color: #E9E9E9;
	line-height: 28px;
	text-align: center;
	margin-right: 15px;
}
ol>li a
{
	overflow: hidden; /* 超出隐藏 */
	text-overflow: ellipsis; /* 省略号*/
	white-space: nowrap; /* 让文字不换行（no wrap）*/
	font-weight: lighter;
}

/* 找到标签的孩子 */
.paihb>li:nth-child(1)>a>span:nth-child(1)
{
	
	width: 30px;
	height: 30px;
	background-color: #2f86b4 ;
	border-radius: 8px;
}
.paihb>li:nth-child(2)>a>span:nth-child(1)
{
	background-color: #4286b5;
	border-radius: 8px;
	width: 30px;
	height: 30px;
}
.paihb>li:nth-child(3)>a>span:nth-child(1)
{
	background-color:#4286b5 ;
	border-radius: 8px;
	width: 30px;
	height: 30px;
}
.paihb>li:nth-child(4)>a>span:nth-child(1)
{
	background-color: #4f86b6;
	border-radius: 8px;
	width: 30px;
	height: 30px;
}

.paihb>li>a:hover>span:nth-child(2)
{
	color: #3f7cbd;
	transition: all 0.5s;
}
/* 找到标签的孩子 end */

/* 公司业态 end */

/* 产品展示 */
.proDuct
{
	width: 1200px;
	height: 752px;
	margin: 0 auto;
	margin-top: 32px;
}
/* 标题 */
.sectionTitle_proDuct
{
	height: 25px;
	width: 1200px;
	border-bottom: 2px #3f7cbd solid;
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	
}
.sectionTitle_proDuct .proDuct1
{
	width: 1200px;
	height: 25px;
	display: block;
	display: flex;
	justify-content: left;
	align-items: baseline; /* 两个子容器中文本的基线对齐 */
	margin-bottom: 10px;
}

.sectionTitle_proDuct h2 span
{
	font-size: 20px;
	color: #306090;
	font-weight: lighter;
}
.sectionTitle_proDuct h2 em
{
	font-size: 12px;
	text-transform: uppercase;
	font-style: initial;
	margin-left: 25px;
	color: #a6a6a6;
	
}
.sectionTitle_proDuct a
{
	width: 100px;
	height: 25px;
}
.sectionTitle_proDuct a:hover span
{
	color: #0086B3;
	transition: all 0.5s;
	
}
/* 伪标签 （保证两个部分的文字对齐）*/
/*!!!!!!!!!!!!!!*/
.proDuct1::before
{
	content: "";
	width: 220px;
	height: 10px;
	background: #0086B3;
	position: absolute;
	margin-top: 26px;
	transition: all 0.5s;
}
.sectionTitle_proDuct:hover .proDuct1::before
{
	width: 1200px;
	height: 8px;
	background: #00B0EB;
	transition: all 0.6s;
}

.product
{
	padding: 30px 0px 30px 0px;
	display: flex;
	justify-content: space-between;
	transition: all 0.5s;
}
.product li
{
	width: 280px;
	height: 230px;
	background-color: #3967FF;
	overflow : hidden; /* 后续放大部分超出隐藏*/
	transition: all 1s;
}
.product li a
{
	transition: all 2s;
}
.product li a:hover
{
	transform:scale(1.8);/* 设置缩放比例 */
	transition: all 2s;
}
.product li .product_1
{
	display: block;
	width: 280px;
	height: 230px;
	background: url(../img/product_1.jpg) center no-repeat;
	background-size: cover;/* 设置图片显示宽高 */
}
.product li .product_2
{
	display: block;
	width: 280px;
	height: 230px;
	background: url(../img/product_2.jpg) center no-repeat;
	background-size: cover;/* 设置图片显示宽高 */
}
.product li .product_3
{
	display: block;
	width: 280px;
	height: 230px;
	background: url(../img/product_3.jpg) center no-repeat;
	background-size: cover;/* 设置图片显示宽高 */
}
.product li .product_4
{
	display: block;
	width: 280px;
	height: 230px;
	background: url(../img/product_4.jpg) center no-repeat;
	background-size: cover;/* 设置图片显示宽高 */
}
/* 供应产品 */
.proDuct .protect
{
	margin: 30px 0 20px 0;
	display: flex;
	justify-content: space-between;
}
.protect>li
{
	width: 386px;
	height: 250px;
	border: 2px #666666 solid;
	overflow: hidden;
}
.protect>li a
{
	transition: all 0.8s;
}
.protect>li a:hover
{
	transform: scale(1.2);
	transition: all 0.8s;
}
.protect>li .protect_1
{
	display: block;
	width: 386px;
	height: 250px;
	background: url(../img/protect_1.jpg) center no-repeat;
	background-size: cover;/* 设置图片显示宽高 */
}
.protect>li .protect_2
{
	display: block;
	width: 386px;
	height: 250px;
	background: url(../img/protect_2.jpg) center no-repeat;
	background-size: cover;/* 设置图片显示宽高 */
}
.protect>li .protect_3
{
	display: block;
	width: 386px;
	height: 250px;
	background: url(../img/protect_3.jpg) center no-repeat;
	background-size: cover;/* 设置图片显示宽高 */
}
.protect_Text
{
	display: flex;
	justify-content: space-around;
}
.protect_Text>li
{
	display: inline-block;
}
.protect_Text>li .protect_text
{
	display: inline-block;
	color: #666666;
	font-size: 13px;
}

/* 供应产品 end */
/* 产品展示 end */

/* 合作伙伴 */
.Coopearte
{
	width: 1200px;
	height: 730px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 50px;
}
.Coopearte .Coopearte_tetle
{
	width: 1200px;
	height: 100px;
}
.cooperate
{
	width: 1000px;
	height: 550px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	z-index: 22;
}
.cooperate li
{
	position: relative;
	z-index: 5;
}
.cooperate_part1,
.cooperate_part2,
.cooperate_part3
{
	width: 270px;
	height: 450px;
	display: block;
	border-radius:0 0 150px 150px; /* 上 右 下 左*/
	padding-top: 30px;
	transition: all 0.5s;
}
.cooperate_part1
{
	background-color: #efa62b;
}
.cooperate_part2
{
	background-color: #f6b37f;
}
.cooperate_part3
{
	background-color: #ec6941;
}
.cooperate_pic1,
.cooperate_pic2,
.cooperate_pic3
{
	width: 200px;
	height: 100px;
	margin-top: 20px;
	background-color: #FFFFFF;
	margin: 0 auto;
	
}
.cooperate_pic1_1
{
	width: 200px;
	height: 100px;
	background: url(../img/cooperate_1.jpg) center no-repeat;
	background-size:auto 80px;/* 把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。 */
}
.cooperate_pic2_2
{
	width: 200px;
	height: 100px;
	background: url(../img/cooperate_2.jpg) center no-repeat;
	background-size:auto 80px;/* 把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。 */
}
.cooperate_pic3_3
{
	width: 200px;
	height: 100px;
	background: url(../img/cooperate_3.jpg) center no-repeat;
	background-size:auto 50px;/* 把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。 */
}
.cooperate>li>a p
{
	width: 160px;
	height: 200px;
	display:block ;
	margin: 0 auto;
	line-height: 40px;
	margin-top: 35px;
	font-size: 18px;
	color: #ffffff;
	font-weight: lighter;
}
.cooperate_part1 p
{
	
}
.cooperate>li>a .span1
{
	width: 125px;
	height: 30px;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	line-height: 25px;
	border: 2px #ffffff solid;
	
}
.cooperate>li>a span
{
	color: #ffffff;
	font-size: 16px;
}
.cooperate>li>a p:hover
{
	color: #0094d4;
}
.cooperate>li::after
{
	content: "";
	width: 250px;
	height: 100px;
	background-color: #8b8a8a;
	position: absolute;
	border-radius: 50px;
	margin-left: -120px;
	margin-top: -36px;
	z-index: -1; /* v*/
	filter:blur(30px); /* 滤镜（高斯模糊）*/
}
.cooperate>li:hover a
{
	transform: translateY(-20px);
}
/* 合作伙伴 end */

/* 联系我们 */
.ConNect
{
	width: 1200px;
	height: 500px;
	margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 30px;
}
.Connect
{
	width: 1300px;
	height: 400px;
	background-color: #98b2e3;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-top: 50px;
}

.connect_text>h2
{
	font-size: 28px;
	text-align: left;
}

.connect_text>ul
{
	display: block;
	width: 360px;
	height: 200px;
	text-align: left;
	margin-top: 10px;
	align-items: auto;
}
.connect_text>ul li
{
	display: block;
	width: 480px;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	padding-top: 20px;
}
.connect_code
{
	width: 190px;
	height: 180px;
	background-color: #0077AA;
	margin-left: 50px;
	background: url(../img/code.png) center no-repeat;
}
/* 联系我们 end */

/* 友情链接 */
.Links
{
	width: 1200px;
	height: 70px;
	margin: 0 auto;
	margin-top: 30px;
}
.Links>ul
{
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
	
}
.Links>ul li
{
	font-size: 14px;
	color: #666666;
}
.Links>ul li a:hover
{
	color: #3F7CBD;
}
/* 友情链接 end */

/* 底部版权 */
.Bottom
{
	width: 100%;
	height: 200px;
	background-color: #2d4565;
	margin: 0 auto;
	margin-top: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bottom
{
	display: block;
	width: 800px;
	height: 110px;
	margin: 0 auto;
	
}
.bottom .bottom_pic
{
	display: block;
	width: 800px;
	height: 80px;
	margin: 0 auto;
	background:url(../img/information.png) center no-repeat ;
	
}
.bottom_text
{
	color: #cccccc;
	font-size: 13px;
	display: block;
	width: 800px;
	height: 30px;
	line-height: 30px; /* 文字水平居中*/
	margin: 0 auto;
}
.bottom_text:hover
{
	color: #3f7cbd;
}

/* 底部版权 end */